<template>
    <div :style="conheight">
        <Card dis-hover >  <!--:style="{height: bodyHeight + 'px'}">  -->
            <div class="headTitle">
                <div class="headTitleLeft">
                    <Select v-if="!isApproval" clearable filterable style="width:300px" v-model="companyId" placeholder="请选择企业"
                            :remote-method="remoteMethodSelectOrg"
                            @on-change="queryLastSubmitByCompanyId"
                            :default-label="defaultLabel"
                            :loading="orgLoading">
                        <Option v-for="(option, index) in orgLists" :value="option.orgId" :key="index">{{option.orgName}}</Option>
                    </Select>
                    <span v-else >{{editUserInfo.companyName}}</span>
                    <span style="width: 90px;">企业环保画像 </span>
                    <span style="color:red;">（当前企业风险等级{{editUserInfo.riskLevel}},上次更新时间{{editUserInfo.updateTime}}）</span>
                </div>
                <div class="headTitleItem">
                    <p >画像负责人：{{editUserInfo.principal}}</p>
                    <p >电话：{{editUserInfo.phone}}</p>
                </div>
                <div>
                  <Button @click="toUpdateSubmit"  style="margin-right:20px" v-if="!isApproval&&editUserInfo.isEdit=='1'"   :loading="buttonLoading">保存</Button>
                  <Button @click="toSaveSubmit"  v-if="!isApproval&&editUserInfo.isEdit=='1'"   :loading="buttonLoading">上报</Button>
                  <Button @click="approvalSubmit" style="background: #F27874;color:white"  v-if="isApproval" :loading="buttonLoading">审批</Button>
                  <Button @click="returnTo" style="margin-left:10px" v-if="isApproval" :loading="buttonLoading">
                      返回
                      <Icon type="ios-arrow-forward" />
                  </Button>
                </div>
            </div>
            <Spin style="margin-left:45%;margin-top:200px" size="large" v-if="queryLoading"></Spin>
            <div v-else v-for="(item,index) in editUserInfo.submitSubitemDatas" class="standardDiv"  @click="selectStandard(index)">
                <div style="background-color:rgb(243, 244, 248);height:5px;width:100%;"></div>
                <div class="standardTitle" style="cursor:pointer;"  >
                    <div class="standardTitleItem" style="flex-grow: 1" @click="clickInvovle(index)">
                        <p style="color:red">▎ </p>
                        <p>{{item.title}}</p>
                    </div>
                    <div class="standardTitleItem">
                        <RadioGroup style="font-size:20px" :disabled="editUserInfo.isEdit=='0'"  v-model="item.isinvovle">
                            <Radio :disabled="editUserInfo.isEdit=='0'"  label="1">
                                <span >涉及</span>
                            </Radio>
                            <Radio :disabled="editUserInfo.isEdit=='0'" label="0">
                                <span>不涉及</span>
                            </Radio>
                        </RadioGroup>
                        <span style="line-height: 30px;cursor:pointer;" @click="clickInvovle(index)" v-if="item.isExpand == '0'">∧</span>
                        <span  style="line-height: 30px;cursor:pointer;" @click="clickInvovle(index)" v-else>∨</span>
                    </div>
                </div>
                <Spin style="margin-left:45%;margin-top:200px" size="large" v-if="item.isExpand == '1' && item.loading"></Spin>
                <ux-grid v-else
                         style="margin-bottom: 45px"
                         v-show="item.isExpand == '1'"
                         ref="plxTable"
                         :data="item.details"
                         :rules="rules"
                         :mergeCells="item.mergeCells"
                         :height="height"
                         show-body-overflow="ellipsis"
                         show-header-overflow="ellipsis">
                    <ux-table-column type="index" width="100"/>
                    <ux-table-column
                            field="managementElements"
                            title="管理要素"
                            minWidth="180"
                            align="center">
                        <template v-slot="scope">
                            {{ managementElementsIdMap[scope.row.managementElements]}}
                        </template>
                    </ux-table-column>
                    <ux-table-column
                            field="involveManagementElements"
                            title="是/否涉及此管理要素"
                            minWidth="180"
                            align="center"
                    >
                        <template  v-slot="scope" >
                            <Tooltip placement="top" :transfer="true">
                                <Select :disabled="editUserInfo.isEdit=='0' || item.isinvovle=='0'"  @on-change="involveManagementElementsSelect(scope.rowIndex)"  v-model="scope.row.involveManagementElements" :transfer="true" style="width:120px">
                                    <Option value="1">是</Option>
                                    <Option value="0">否</Option>
                                </Select>
                                <div slot="content" style="white-space: normal;">
                                    <p>企业结合实际选择生产经营范围（是/否）涉及此控制因子</p>
                                </div>
                            </Tooltip>
                        </template>
                    </ux-table-column>
                    <ux-table-column
                            field="pollutionFactor"
                            title="控制因子"
                            minWidth="180"
                            align="center">
                        <template v-slot="scope">
                            {{pollutionFactorIdMap[scope.row.pollutionFactor]}}
                        </template>
                    </ux-table-column>
                    <ux-table-column
                            field="involvePollutionFactor"
                            title="是/否涉及此控制因子"
                            minWidth="180"
                            align="center"
                    >
                        <template v-slot="scope">
                            <Tooltip placement="top" :transfer="true">
                                <Select :disabled="editUserInfo.isEdit=='0' || item.isinvovle=='0' || scope.row.involveManagementElements=='0'"   v-model="scope.row.involvePollutionFactor" @on-change="involvePollutionFactorSelect(scope.rowIndex)"
                                        :transfer="true" style="width:120px">
                                    <Option value="1">是</Option>
                                    <Option value="0">否</Option>
                                </Select>
                                <div slot="content" style="white-space: normal;">
                                    <p>企业结合实际选择生产经营范围（是/否）涉及此控制因子</p>
                                </div>
                            </Tooltip>
                        </template>
                    </ux-table-column>
                    <ux-table-column
                            field="legalResponsibility"
                            title="法律责任"
                            minWidth="180"
                            show-overflow
                            align="center"
                    >
                    </ux-table-column>
                    <ux-table-column
                            field="lawsRegulations"
                            title="法律法规依据"
                            minWidth="180"
                            show-overflow
                            align="center"
                    >
                    </ux-table-column>
                    <ux-table-column
                            field="riskLevel"
                            title="风险等级"
                            minWidth="180"
                            align="center">
                        <template v-slot="scope">
                            {{ riskLevelIdMap[scope.row.riskLevel]}}
                        </template>
                    </ux-table-column>
                    <ux-table-column
                            field="involveDetail"
                            title="是/否涉及此项要求"
                            minWidth="180"
                            align="center"
                    >
                        <template v-slot="scope">
                            <Tooltip placement="top" :transfer="true">
                                <Select :disabled="editUserInfo.isEdit=='0' || item.isinvovle=='0' || scope.row.involveManagementElements=='0' || scope.row.involvePollutionFactor=='0'"  v-model="scope.row.involveDetail"
                                        @on-change="involveInvolveDetailSelect(scope.rowIndex)" :transfer="true" style="width:120px">
                                    <Option value="1">是</Option>
                                    <Option value="0">否</Option>
                                </Select>
                                <div slot="content" style="white-space: normal;">
                                    <p>企业结合实际选择生产经营范围（是/否）涉及此项要求</p>
                                </div>
                            </Tooltip>
                        </template>
                    </ux-table-column>
                    <ux-table-column
                            field="isExistingProblem"
                            title="是/否存在问题"
                            minWidth="180"
                            align="center"
                    >
                        <template v-slot="scope">
                            <Tooltip placement="top" :transfer="true">
                                <Select :disabled="editUserInfo.isEdit=='0' || item.isinvovle=='0' || scope.row.involveManagementElements=='0' || scope.row.involvePollutionFactor=='0'" v-model="scope.row.isExistingProblem"
                                        @on-change="involveIsExistingProblemSelect(scope.rowIndex)" :transfer="true" style="width:120px">
                                    <Option value="1">是</Option>
                                    <Option value="0">否</Option>
                                </Select>
                                <div slot="content" style="white-space: normal;">
                                    <p>企业结合实际选择（是/否）</p>
                                </div>
                            </Tooltip>
                        </template>
                    </ux-table-column>
                    <ux-table-column
                            field="isControllableRisk"
                            title="风险是否可控"
                            minWidth="180"
                            align="center"
                    >
                        <template v-slot="scope">
                            <Tooltip placement="top" :transfer="true">
                                <Select :disabled="editUserInfo.isEdit=='0' || item.isinvovle=='0' || scope.row.involveManagementElements=='0' || scope.row.involvePollutionFactor=='0'" v-model="scope.row.isControllableRisk"
                                        @on-change="involveIsControllableRiskSelect(scope.rowIndex)" :transfer="true" style="width:120px">
                                    <Option value="1">是</Option>
                                    <Option value="0">否</Option>
                                </Select>
                                <div slot="content" style="white-space: normal;">
                                    <p>企业结合实际选择（是/否）</p>
                                </div>
                            </Tooltip>
                        </template>
                    </ux-table-column>
                    <ux-table-column
                            field="riskControlMeasure"
                            title="风险控制措施"
                            minWidth="180"
                            align="center"
                    >
                        <template v-slot="scope">
                            <Tooltip placement="top" :transfer="true">
                                <Input :disabled="editUserInfo.isEdit=='0' || item.isinvovle=='0' || scope.row.involveManagementElements=='0' || scope.row.involvePollutionFactor=='0'" type="textarea" v-model="scope.row.riskControlMeasure" v-if="editSubmit" style="width:200px"/>
                                <span v-else>{{ scope.row.riskControlMeasure }}</span>
                                <div slot="content" style="white-space: normal;">
                                    <p>指彻底完成整改前采取的可降低环境污染、减小违规风险，避免负面影响的措施，不包括政府部门未关注、长期未检查的情况（企业自行填写）</p>
                                </div>
                            </Tooltip>
                        </template>
                    </ux-table-column>
                    <ux-table-column
                            field="riskJudgement"
                            title="风险量刑预判"
                            minWidth="180"
                            align="center"
                    >
                        <template v-slot="scope">
                            <Tooltip placement="top" :transfer="true">
                                <Input :disabled="editUserInfo.isEdit=='0' || item.isinvovle=='0' || scope.row.involveManagementElements=='0' || scope.row.involvePollutionFactor=='0'" type="textarea" v-model="scope.row.riskJudgement" v-if="editSubmit" style="width:200px"/>
                                <span v-else>{{ scope.row.riskJudgement }}</span>
                                <div slot="content" style="white-space: normal;">
                                    <p>企业结合风险等级和控制措施自行模拟行政处罚量刑结果（企业自行填写）</p>
                                </div>
                            </Tooltip>
                        </template>
                    </ux-table-column>
                    <ux-table-column
                            field="problemDesc"
                            title="问题描述"
                            minWidth="180"
                            align="center"
                    >
                        <template v-slot="scope">
                            <Tooltip placement="top" :transfer="true">
                                <Input :disabled="editUserInfo.isEdit=='0' || item.isinvovle=='0' || scope.row.involveManagementElements=='0' || scope.row.involvePollutionFactor=='0'" type="textarea" v-model="scope.row.problemDesc" v-if="editSubmit" style="width:200px"/>
                                <span v-else>{{ scope.row.problemDesc }}</span>
                                <div slot="content" style="white-space: normal;">
                                    <p>针对排查出的风险描述存在的具体问题</p>
                                </div>
                            </Tooltip>
                        </template>
                    </ux-table-column>
                    <ux-table-column
                            field="problemReason"
                            title="问题原因"
                            minWidth="180"
                            align="center"
                    >
                        <template v-slot="scope">
                            <Tooltip placement="top" :transfer="true">
                                <Input :disabled="editUserInfo.isEdit=='0' || item.isinvovle=='0' || scope.row.involveManagementElements=='0' || scope.row.involvePollutionFactor=='0'" type="textarea" v-model="scope.row.problemReason" v-if="editSubmit" style="width:200px"/>
                                <span v-else>{{ scope.row.problemReason }}</span>
                                <div slot="content" style="white-space: normal;">
                                    <p>针对排查出的风险描述存在具体问题的原因</p>
                                </div>
                            </Tooltip>
                        </template>
                    </ux-table-column>
                    <ux-table-column
                            field="isAdministrativePunishment"
                            title="是/否存在行政处罚"
                            minWidth="180"
                            align="center"
                    >
                        <template v-slot="scope">
                            <Tooltip placement="top" :transfer="true">
                                <Select :disabled="editUserInfo.isEdit=='0' || item.isinvovle=='0' || scope.row.involveManagementElements=='0' || scope.row.involvePollutionFactor=='0'" v-model="scope.row.isAdministrativePunishment" :transfer="true" style="width:120px">
                                    <Option value="1">是</Option>
                                    <Option value="0">否</Option>
                                </Select>
                                <div slot="content" style="white-space: normal;">
                                    <p>针对排查出的风险是否发生过行政处罚（是/否）</p>
                                </div>
                            </Tooltip>
                        </template>
                    </ux-table-column>
                    <ux-table-column
                            field="administrativePunishmentRecord"
                            title="行政处罚记录（时间、下达处罚政府部门、金额）"
                            minWidth="300"
                            align="center"
                    >
                        <template v-slot="scope">
                            <Tooltip placement="top" :transfer="true">
                                <Input :disabled="editUserInfo.isEdit=='0' || item.isinvovle=='0' || scope.row.involveManagementElements=='0' || scope.row.involvePollutionFactor=='0'" type="textarea" v-model="scope.row.administrativePunishmentRecord" v-if="editSubmit" style="width:200px"/>
                                <span v-else>{{ scope.row.administrativePunishmentRecord }}</span>
                                <div slot="content" style="white-space: normal;">
                                    <p>描述行政处罚具体内容</p>
                                </div>
                            </Tooltip>
                        </template>
                    </ux-table-column>
                </ux-grid>
                <div style="background-color:rgb(243, 244, 248);height:5px;width:100%;"></div>
            </div>
            <div v-if="isApproval && taskInfo.taskName != '上报人'">
                <Form   ref="showdata" :model="showdata" :rules="ruleCustom"   :label-width="140">
					<!-- <p>更新说明：{{editUserInfo.remark}}</p> -->
					<Row :gutter="16" style="margin-top: 20px;">
					    <Col span="8">
					        <FormItem label="更新说明：" field="remark">
					            {{editUserInfo.remark}}
					        </FormItem>
					    </Col>
					</Row>
					<Divider orientation="left" >操作信息</Divider>
                    <Row :gutter="16">
                        <Col span="8">
                            <FormItem label="审批意见：" field="route">
                                <Select  v-model="showdata.route" @on-change="changeResult">
                                    <Option v-for="item in approveList"  :value="item.value" :label="item.text" :key="item.value">{{ item.text }}</Option>
                                </Select>
                            </FormItem>
                        </Col>
                    </Row>
                    <Row :gutter="16">
                        <Col span="20">
                            <FormItem label="处理意见：" field="opinion">
                                <Input v-model="showdata.opinion" type="textarea" :rows="2" />
                            </FormItem>
                        </Col>
                    </Row>
                </Form>
            </div>
        </Card>
        <Modal title="更新说明" v-model="saveModelVisible" :width=600 >
            <Form label-position="left">
                <Row>
                    <Col span="24">
                        <FormItem label="审批人：" field="remark" >
                            {{editUserInfo.twoLevelOrgLeader}}
                        </FormItem>
                    </Col>
                </Row>
                <Row>
                    <Col span="24">
                        <FormItem label="更新说明：" field="remark" >
                            <Input type="textarea"  v-model="editUserInfo.remark" placeholder="请描述更新内容，若无更新也请说明"/>
                        </FormItem>
                    </Col>
                </Row>
            </Form>
            <div slot="footer">
                <Button type="primary" class='ivu-btn-save' @click="saveSubmit" :loading="buttonLoading">确定</Button>
                <Button type="text" class='ivu-btn-cancel' @click="saveModelVisible = false">取消</Button>
            </div>
        </Modal>
    </div>
</template>
<script>
    import {sessionStorage} from '@/common/cacheUtils.js';
    let cascaderDom = () => import('@/components/cascader-dom.vue');;
    import {Api} from '../../../api/index.js'

    export default {
        name: "submit",
        data() {
            return {
                orgLoading: false,
                queryLoading:false,
                saveModelVisible:false,
                companyId:sessionStorage('userId').getObject('userId').companyId,
                height:400,
                currentNode:'',
                conheight:{
                    height:''
                },
                approveList : [{
                    text:"通过",
                    value:"1"
                },
                    {
                        text:"不通过",
                        value:"2"
                    }],
                showdata: { route:'1','opinion':'同意'},
                isApproval:false,
                buttonLoading: false,
                editSubmit: true,
                taskInfo:{},
                editUserInfo:{
                    principal:"",
                    phone:"",
                    companyId:"",
                    companyName:"",
                    submitSubitemDatas:[]
                },
                codingList1: [],
                codingList2: [],
                codingList3: [],
                managementElementsMap:{},
                managementElementsIdMap:{},
                pollutionFactorMap:{},
                pollutionFactorIdMap:{},
                riskLevelMap:{},
                riskLevelIdMap:{},
                currentStandardIndex: 0,
                userInfo: sessionStorage('userId').getObject('userId'),
                standards:[],
                orgLists:[
                    {
                        orgId:sessionStorage('userId').getObject('userId').companyId,
                        orgName:sessionStorage('userId').getObject('userId').companyName
                    }
                ],
                defaultLabel:sessionStorage('userId').getObject('userId').companyName,
                twoLevelOrgList:[],
                columns:[
                    {
                        type: 'index.js',
                        title: '编号',
                        width: 80,
                        align: 'center',
                    },
                    {
                        title: '管理要素',
                        align: 'center',
                        key: 'managementElements',
                        minWidth: 120,
                        render:(h,params)=>{
                            let value = '';
                            this.codingList1.forEach(i =>{
                                if(i.codingCodeId == params.row.managementElements) value = i.codingName;
                            })
                            return h('div',[
                                h('span',value || '--')
                            ]);
                        }
                    },
                    {
                        title: '是/否涉及此管理要素',
                        align: 'center',
                        slot: 'involveManagementElements',
                        minWidth: 120,
                    },
                    {
                        title: '控制因子',
                        align: 'center',
                        key: 'pollutionFactor',
                        minWidth: 120,
                        render:(h,params)=>{
                            let value = '';
                            this.codingList2.forEach(i =>{
                                if(i.codingCodeId == params.row.pollutionFactor) value = i.codingName;
                            })
                            return h('div',[
                                h('span',value || '--')
                            ]);
                        }
                    },
                    {
                        title: '是/否涉及此控制因子',
                        align: 'center',
                        slot: 'involvePollutionFactor',
                        minWidth: 120,
                    },
                    {
                        title: '法律责任',
                        align: 'center',
                        key: 'legalResponsibility',
                        tooltip: true,
                        minWidth: 120,
                    },
                    {
                        title: '法律法规依据',
                        align: 'center',
                        key: 'lawsRegulations',
                        tooltip: true,
                        minWidth: 120
                    },
                    {
                        title: '风险等级',
                        align: 'center',
                        key: 'riskLevel',
                        minWidth: 120,
                        render:(h,params)=>{
                            let value = '';
                            this.codingList3.forEach(i =>{
                                if(i.codingCodeId == params.row.riskLevel) value = i.codingName;
                            })
                            return h('div',[
                                h('span',value || '--')
                            ]);
                        }
                    },
                    {
                        title: '是/否涉及此项要求',
                        align: 'center',
                        slot: 'involveDetail',
                        minWidth: 120,
                    },
                    {
                        title: '是/否存在问题',
                        align: 'center',
                        slot: 'isExistingProblem',
                        minWidth: 120,
                    },
                    {
                        title: '控制因子风险定级',
                        align: 'center',
                        key: 'pollutionFactorLevel',
                        minWidth: 120,
                        render:(h,params)=> {
                            if (params.row.isExistingProblem == "1") {
                                let value = '';
                                this.codingList3.forEach(i => {
                                    if (i.codingCodeId == params.row.riskLevel) value = i.codingName;
                                })
                                return h('div', [
                                    h('span', value || '--')
                                ]);
                            }
                            else{
                                return h('div', [
                                    h('span', '无风险')
                                ]);
                            }
                        }
                    },
                    {
                        title: '管理要素风险定级',
                        align: 'center',
                        key: 'managementElementsLevel',
                        minWidth: 120,
                        render:(h,params)=> {
                            if (params.row.isExistingProblem == "1") {
                                let value = '';
                                this.codingList3.forEach(i => {
                                    if (i.codingCodeId == params.row.riskLevel) value = i.codingName;
                                })
                                return h('div', [
                                    h('span', value || '--')
                                ]);
                            }
                            else{
                                return h('div', [
                                    h('span', '无风险')
                                ]);
                            }
                        }
                    },
                    {
                        title: '风险是否可控',
                        align: 'center',
                        slot: 'isControllableRisk',
                        minWidth: 120,
                    },
                    {
                        title: '风险控制措施',
                        align: 'center',
                        slot: 'riskControlMeasure',
                        minWidth: 200,
                    },
                    {
                        title: '风险量刑预判',
                        align: 'center',
                        slot: 'riskJudgement',
                        minWidth: 200,
                    },
                    {
                        title: '问题描述',
                        align: 'center',
                        slot: 'problemDesc',
                        minWidth: 200,
                    },
                    {
                        title: '问题原因',
                        align: 'center',
                        slot: 'problemReason',
                        minWidth: 200,
                    },
                    {
                        title: '是/否存在行政处罚',
                        align: 'center',
                        slot: 'isAdministrativePunishment',
                        minWidth: 120,
                    },
                    {
                        title: '行政处罚记录（时间、下达处罚政府部门、金额）',
                        align: 'center',
                        slot: 'administrativePunishmentRecord',
                        minWidth: 200,
                    }
                ],
                ruleCustom : {
                    opinion: [{
                        validator: (rule, value, callback) => {
                            if (this.showdata.opinion == null || this.showdata.opinion == '' || this.showdata.opinion == undefined) {
                                callback(' ')
                            } else {
                                callback()
                            }
                        },
                        required: true,
                        trigger: 'change, blur'
                    }],
                    route: [
                        {required: true, message: '  ', trigger: 'blur'}
                    ],
                },
                rules: {
                    involveManagementElements: [
                        { required: true, validator: '管理要素必填'}
                    ],
                    involvePollutionFactor: [
                        { required: true, message: '控制因子必填'}
                    ],
                    involveDetail: [
                        { required: true, validator: '是否涉及此项要求必填'}
                    ],
                    isExistingProblem: [
                        { required: true, validator: '是否存在问题必填'}
                    ],
                    isControllableRisk: [
                        { required: true, validator: '风险是否可控必填'}
                    ],
                    riskControlMeasure: [
                        { required: true, validator: '风险控制措施必填'}
                    ],
                    riskJudgement: [
                        { required: true, validator: '风险量刑预判必填'}
                    ],
                    problemDesc: [
                        { required: true, validator: '问题描述必填'}
                    ],
                    isAdministrativePunishment: [
                        { required: true, validator: '是否存在行政处罚必填'}
                    ],
                    administrativePunishmentRecord: [
                        { required: true, validator: '行政处罚记录必填'}
                    ],
                }
            }
        },
        async mounted(){
            this.queryLoading = true;
            this.conheight.height=window.innerHeight-120+'px';
            this.height = window.innerHeight-200+'px';
            await this.queryCodingSort();
            this.taskInfo = this.$route.query;
            if(this.taskInfo.workId == undefined) {
                this.queryLastSubmitByCompanyId(this.userInfo.companyId);
            }
            else {
                this.isApproval = true;
                this.queryLastSubmitBySubmitId(this.taskInfo.workId);
            }
        },
        methods:{
            involveManagementElementsSelect(rowIndex){
                var row = this.editUserInfo.submitSubitemDatas[this.currentStandardIndex].details[rowIndex];
                if(row.mergeCol != 0) {
                    let i = rowIndex-1;
                    while (i >= 0) {
                        if (row.managementElements == this.editUserInfo.submitSubitemDatas[this.currentStandardIndex].details[i].managementElements) {
                            this.editUserInfo.submitSubitemDatas[this.currentStandardIndex].details[i].involveManagementElements = row.involveManagementElements
                        } else {
                            break;
                        }
                        i--;
                    }
                    i = rowIndex + 1;
                    while (i < this.editUserInfo.submitSubitemDatas[this.currentStandardIndex].details.length) {
                        if (row.managementElements == this.editUserInfo.submitSubitemDatas[this.currentStandardIndex].details[i].managementElements) {
                            this.editUserInfo.submitSubitemDatas[this.currentStandardIndex].details[i].involveManagementElements = row.involveManagementElements
                        } else {
                            break;
                        }
                        i++;
                    }
                }
            },
            involvePollutionFactorSelect(rowIndex) {
              if(this.editUserInfo.submitSubitemDatas[this.currentStandardIndex].details[rowIndex].involvePollutionFactor == "0"){
                this.editUserInfo.submitSubitemDatas[this.currentStandardIndex].details[rowIndex].involveDetail = "";
                this.editUserInfo.submitSubitemDatas[this.currentStandardIndex].details[rowIndex].isExistingProblem = "";
                this.editUserInfo.submitSubitemDatas[this.currentStandardIndex].details[rowIndex].isControllableRisk = "";
                this.editUserInfo.submitSubitemDatas[this.currentStandardIndex].details[rowIndex].riskControlMeasure = "";
                this.editUserInfo.submitSubitemDatas[this.currentStandardIndex].details[rowIndex].riskJudgement = "";
                this.editUserInfo.submitSubitemDatas[this.currentStandardIndex].details[rowIndex].problemDesc = "";
                this.editUserInfo.submitSubitemDatas[this.currentStandardIndex].details[rowIndex].problemReason = "";
                this.editUserInfo.submitSubitemDatas[this.currentStandardIndex].details[rowIndex].isAdministrativePunishment = "";
                this.editUserInfo.submitSubitemDatas[this.currentStandardIndex].details[rowIndex].administrativePunishmentRecord = "";
              }
            },
            involveIsControllableRiskSelect(rowIndex) {
              if(this.editUserInfo.submitSubitemDatas[this.currentStandardIndex].details[rowIndex].isControllableRisk == "0"){
                this.editUserInfo.submitSubitemDatas[this.currentStandardIndex].details[rowIndex].riskControlMeasure = "";
                this.editUserInfo.submitSubitemDatas[this.currentStandardIndex].details[rowIndex].riskJudgement = "";
                this.editUserInfo.submitSubitemDatas[this.currentStandardIndex].details[rowIndex].problemDesc = "";
                this.editUserInfo.submitSubitemDatas[this.currentStandardIndex].details[rowIndex].problemReason = "";
                this.editUserInfo.submitSubitemDatas[this.currentStandardIndex].details[rowIndex].isAdministrativePunishment = "";
                this.editUserInfo.submitSubitemDatas[this.currentStandardIndex].details[rowIndex].administrativePunishmentRecord = "";
              }
            },
            involveInvolveDetailSelect(rowIndex) {
              if(this.editUserInfo.submitSubitemDatas[this.currentStandardIndex].details[rowIndex].involveDetail == "0"){
                this.editUserInfo.submitSubitemDatas[this.currentStandardIndex].details[rowIndex].isExistingProblem = "";
                this.editUserInfo.submitSubitemDatas[this.currentStandardIndex].details[rowIndex].isControllableRisk = "";
                this.editUserInfo.submitSubitemDatas[this.currentStandardIndex].details[rowIndex].riskControlMeasure = "";
                this.editUserInfo.submitSubitemDatas[this.currentStandardIndex].details[rowIndex].riskJudgement = "";
                this.editUserInfo.submitSubitemDatas[this.currentStandardIndex].details[rowIndex].problemDesc = "";
                this.editUserInfo.submitSubitemDatas[this.currentStandardIndex].details[rowIndex].problemReason = "";
                this.editUserInfo.submitSubitemDatas[this.currentStandardIndex].details[rowIndex].isAdministrativePunishment = "";
                this.editUserInfo.submitSubitemDatas[this.currentStandardIndex].details[rowIndex].administrativePunishmentRecord = "";
              }
            },
            involveIsExistingProblemSelect(rowIndex) {
              if(this.editUserInfo.submitSubitemDatas[this.currentStandardIndex].details[rowIndex].isExistingProblem == "0"){
                this.editUserInfo.submitSubitemDatas[this.currentStandardIndex].details[rowIndex].isControllableRisk = "";
                this.editUserInfo.submitSubitemDatas[this.currentStandardIndex].details[rowIndex].riskControlMeasure = "";
                this.editUserInfo.submitSubitemDatas[this.currentStandardIndex].details[rowIndex].riskJudgement = "";
                this.editUserInfo.submitSubitemDatas[this.currentStandardIndex].details[rowIndex].problemDesc = "";
                this.editUserInfo.submitSubitemDatas[this.currentStandardIndex].details[rowIndex].problemReason = "";
                this.editUserInfo.submitSubitemDatas[this.currentStandardIndex].details[rowIndex].isAdministrativePunishment = "";
                this.editUserInfo.submitSubitemDatas[this.currentStandardIndex].details[rowIndex].administrativePunishmentRecord = "";
              }
            },
            /*       handleSpan ({ row, column, rowIndex, columnIndex }) {
                       let i = rowIndex-1;
                       if(row.mergeCol != 0) {
                           while (i >= 0) {
                               if (row.managementElements == this.editUserInfo.submitSubitemDatas[this.currentStandardIndex].details[i].managementElements) {
                                   this.editUserInfo.submitSubitemDatas[this.currentStandardIndex].details[i].involveManagementElements = row.involveManagementElements
                               } else {
                                   break;
                               }
                               i--;
                           }
                           i = rowIndex + 1;
                           while (i < this.editUserInfo.submitSubitemDatas[this.currentStandardIndex].details.length) {
                               if (row.managementElements == this.editUserInfo.submitSubitemDatas[this.currentStandardIndex].details[i].managementElements) {
                                   this.editUserInfo.submitSubitemDatas[this.currentStandardIndex].details[i].involveManagementElements = row.involveManagementElements
                               } else {
                                   break;
                               }
                               i++;
                           }
                       }
                       if(columnIndex == 2 || columnIndex == 1) {
                           let x = row.mergeCol === 0 ? 0 : row.mergeCol;
                           let y = row.mergeCol === 0 ? 0 : 1;
                           return {rowspan: x,
                               colspan: y};
                       }else{
                           return {rowspan: 1,
                               colspan: 1};
                       }
                   },  */
            clickInvovle(index){
                if(this.editUserInfo.submitSubitemDatas[index].isExpand == '1') {
                  this.$set(this.editUserInfo.submitSubitemDatas[index],'loading',true);
                  this.$set(this.editUserInfo.submitSubitemDatas[index],'isExpand','0');
                }
                else {
                  this.$set(this.editUserInfo.submitSubitemDatas[index],'loading',true);
                  this.$set(this.editUserInfo.submitSubitemDatas[index],'isExpand','1');
                    if(this.editUserInfo.submitSubitemDatas[index].details.length == 0) {
                        this.$http.get(Api.queryEcoPortraitStandardSubmitSubItemData + '/'+ this.editUserInfo.submitSubitemDatas[index].id
                            + "/"  +this.editUserInfo.submitSubitemDatas[index].subitemId).then((res) => {
                            if (res.data.status == 200 && res.data.data.length > 0) {
                                res.data.data = this.formatData(res.data.data);
                                var mergeCells = [];
                                for(var i = 0;i < res.data.data.length;i++){
                                    var temp = { row: i, col: 1, rowspan: res.data.data[i].mergeCol, colspan: 1 }
                                    mergeCells.push(temp);
                                    var temp1 = { row: i, col: 2, rowspan: res.data.data[i].mergeCol, colspan: 1 }
                                    mergeCells.push(temp1);
                                }
                                this.$set(this.editUserInfo.submitSubitemDatas[this.currentStandardIndex], 'details', res.data.data);
                                this.$set(this.editUserInfo.submitSubitemDatas[this.currentStandardIndex], 'mergeCells', mergeCells);
                            }
                            this.$set(this.editUserInfo.submitSubitemDatas[this.currentStandardIndex],'loading',false);
                            this.$set(this.editUserInfo.submitSubitemDatas[this.currentStandardIndex],'isExpand','1');
                        }).catch(e => {
                        this.orgLoading = false;
                        this.$Message.error('请求失败');
                      });
                    }
                    else {
                        this.editUserInfo.submitSubitemDatas[index].loading = false;
                        this.editUserInfo.submitSubitemDatas[index].isExpand = '1';
                    }
//                    this.$refs.plxTable[index].reloadData(this.editUserInfo.submitSubitemDatas[index].details);
                    //                   console.log(this.editUserInfo.submitSubitemDatas[index].details)
                }
            },
            selectStandard(index){
                this.currentStandardIndex = index;
            },
            async queryCodingSort(){
                await this.$http.get(Api.queryCodeDetailBySortId + '/eco-00001', {params: {}}).then((res) => {
                    this.codingList1 = res.data.data;
                    this.codingList1.forEach(item=>{
                        this.managementElementsMap[item.codingName] = item.codingCodeId;
                        this.managementElementsIdMap[item.codingCodeId] = item.codingName;
                    })
                });
                await this.$http.get(Api.queryCodeDetailBySortId + '/eco-00002', {params: {}}).then((res) => {
                    this.codingList2 = res.data.data;
                    this.codingList2.forEach(item=>{
                        this.pollutionFactorMap[item.codingName] = item.codingCodeId;
                        this.pollutionFactorIdMap[item.codingCodeId] = item.codingName;
                    })
                });
                await this.$http.get(Api.queryCodeDetailBySortId + '/eco-00003', {params: {}}).then((res) => {
                    this.codingList3 = res.data.data;
                    this.codingList3.forEach(item=>{
                        this.riskLevelMap[item.codingName] = item.codingCodeId;
                        this.riskLevelIdMap[item.codingCodeId] = item.codingName;
                    })
                });
                this.$http.get(Api.twoPlusFourReceipt + '/twoLevelOrg').then((res) => {
                    if(res.data.status == 200){
                        this.twoLevelOrgList = res.data.data;
                    }
                })
            },
            remoteMethodSelectOrg (query) {
                if (query !== '') {
                    this.orgLists = [];
                    this.orgLoading = true;
                    this.$http.get(Api.queryOrgList+"?companyId="+ this.userInfo.companyId +"&orgName="+query+"&fromPage=1&pageSize=1000").then(res => {
                        this.orgLists = res.data.data;
                        this.orgLoading = false;
                    }).catch(e => {
                        this.orgLoading = false;
                        this.$Message.error('请求失败');
                    })
                } else {
                    this.orgLoading = false;
                }
            },
            queryLastSubmitByCompanyId(companyId){
                this.queryLoading = true;
                this.$http.get(Api.queryEcoPortraitStandardLastSubmitByCompanyId + "/" + companyId, {params: {
                        createUserId: this.userInfo.userId
                    }}).then((res) => {
                    if(res.data.status == 200) {
                        this.queryLoading = false;
                        this.editUserInfo = res.data.data;
                        this.editUserInfo.isEdit = "1";
                        if(this.editUserInfo.updateTime != null) {
                            this.editUserInfo.updateTime = this.formatDate(new Date(this.editUserInfo.updateTime), "yyyy-MM-dd hh:mm:ss");
                        }
                        else
                            this.$Message.info('当前公司未进行画像标准填报');
                        this.editUserInfo.submitSubitemDatas.forEach(item => {
                            item.details = this.formatData(item.details);
                            /*
                                  var mergeCells = [];
                            for(var i = 0;i < item.details.length;i++){
                                var temp = { row: i, col: 1, rowspan: item.details[i].mergeCol, colspan: 1 }
                                mergeCells.push(temp);
                                var temp1 = { row: i, col: 2, rowspan: item.details[i].mergeCol, colspan: 1 }
                                mergeCells.push(temp1);
                            }
                            item.mergeCells = mergeCells;*/
                        })
                    }
                }).catch(e => {
                    this.queryLoading = false;
                    this.$Message.error('请求失败');
                });
            },
            queryLastSubmitBySubmitId(submitId){
                this.$http.get(Api.queryEcoPortraitStandardLastSubmitBySubmitId + "/" + submitId, {params: {
                        createUserId: this.userInfo.userId
                    }}).then((res) => {
                    if(res.data.status == 200) {
                        this.queryLoading = false;
                        this.editUserInfo = res.data.data;
                        if(this.taskInfo.taskName != '上报人')
                            this.editUserInfo.isEdit = '0';
                        else
                            this.editUserInfo.isEdit = '1';
                        this.editUserInfo.updateTime = this.formatDate(new Date(this.editUserInfo.updateTime),"yyyy-MM-dd hh:mm:ss");
                        this.editUserInfo.submitSubitemDatas.forEach(item=>{
                            item.details = this.formatData(item.details);
                            /*       var mergeCells = [];
                                   for(var i = 0;i < item.details.length;i++){
                                       var temp = { row: i, col: 1, rowspan: item.details[i].mergeCol, colspan: 2 }
                                       mergeCells.push(temp);
                                   }
                                   item.mergeCells = mergeCells; */
                        })
                    }
                }).catch(e => {
                    this.queryLoading = false;
                    this.$Message.error('请求失败');
                });
            },
            toSaveSubmit(){
                for(var i =0;i<this.editUserInfo.submitSubitemDatas.length;i++){
                    if(this.editUserInfo.submitSubitemDatas[i].isinvovle == "1"){
                        for(var x = 0;x<this.editUserInfo.submitSubitemDatas[i].details.length;x++){
                            if(this.editUserInfo.submitSubitemDatas[i].details[x].involveManagementElements==null){
                                this.$Message.error({duration: 5,content:this.editUserInfo.submitSubitemDatas[i].title + '工序的第' +  (x+1) + '行 是/否涉及此管理要素未填报'});
                                return;
                            }
                            if(this.editUserInfo.submitSubitemDatas[i].details[x].involveManagementElements=="1" && this.editUserInfo.submitSubitemDatas[i].details[x].involvePollutionFactor==null){
                                this.$Message.error({duration: 5,content:this.editUserInfo.submitSubitemDatas[i].title + '工序的第' +  (x+1) + '行 是否涉及此控制因子未填报'});
                                return;
                            }
                            if(this.editUserInfo.submitSubitemDatas[i].details[x].involveManagementElements=="1" && this.editUserInfo.submitSubitemDatas[i].details[x].involvePollutionFactor== "1" &&this.editUserInfo.submitSubitemDatas[i].details[x].involveDetail==null){
                                this.$Message.error({duration: 5,content:this.editUserInfo.submitSubitemDatas[i].title + '工序的第' +  (x+1) + '行 是/否涉及此项要求未填报'});
                                return;
                            }
                            if(this.editUserInfo.submitSubitemDatas[i].details[x].involveManagementElements=="1" && this.editUserInfo.submitSubitemDatas[i].details[x].involvePollutionFactor== "1" &&this.editUserInfo.submitSubitemDatas[i].details[x].isExistingProblem==null){
                                this.$Message.error({duration: 5,content:this.editUserInfo.submitSubitemDatas[i].title + '工序的第' +  (x+1) + '行 是/否存在问题未填报'});
                                return;
                            }if(this.editUserInfo.submitSubitemDatas[i].details[x].involveManagementElements=="1" && this.editUserInfo.submitSubitemDatas[i].details[x].involvePollutionFactor== "1" &&this.editUserInfo.submitSubitemDatas[i].details[x].isExistingProblem=="1" && this.editUserInfo.submitSubitemDatas[i].details[x].isControllableRisk==null){
                                this.$Message.error({duration: 5,content:this.editUserInfo.submitSubitemDatas[i].title + '工序的第' +  (x+1) + '行 风险是否可控未填报'});
                                return;
                            }
                            if(this.editUserInfo.submitSubitemDatas[i].details[x].involveManagementElements=="1" && this.editUserInfo.submitSubitemDatas[i].details[x].involvePollutionFactor== "1" &&this.editUserInfo.submitSubitemDatas[i].details[x].isExistingProblem=="1" && this.editUserInfo.submitSubitemDatas[i].details[x].riskControlMeasure==null){
                                this.$Message.error({duration: 5,content:this.editUserInfo.submitSubitemDatas[i].title + '工序的第' +  (x+1) + '行 风险控制措施未填报'});
                                return;
                            }
                            if(this.editUserInfo.submitSubitemDatas[i].details[x].involveManagementElements=="1" && this.editUserInfo.submitSubitemDatas[i].details[x].involvePollutionFactor== "1" &&this.editUserInfo.submitSubitemDatas[i].details[x].isExistingProblem=="1" && this.editUserInfo.submitSubitemDatas[i].details[x].riskJudgement==null){
                                this.$Message.error({duration: 5,content:this.editUserInfo.submitSubitemDatas[i].title + '工序的第' +  (x+1) + '行 风险量刑预判未填报'});
                                return;
                            }
                            if(this.editUserInfo.submitSubitemDatas[i].details[x].involveManagementElements=="1" && this.editUserInfo.submitSubitemDatas[i].details[x].involvePollutionFactor== "1" &&this.editUserInfo.submitSubitemDatas[i].details[x].isExistingProblem=="1" && this.editUserInfo.submitSubitemDatas[i].details[x].problemDesc==null){
                                this.$Message.error({duration: 5,content:this.editUserInfo.submitSubitemDatas[i].title + '工序的第' +  (x+1) + '行 问题描述未填报'});
                                return;
                            }
                            if(this.editUserInfo.submitSubitemDatas[i].details[x].involveManagementElements=="1" && this.editUserInfo.submitSubitemDatas[i].details[x].involvePollutionFactor== "1" &&this.editUserInfo.submitSubitemDatas[i].details[x].isExistingProblem=="1" && this.editUserInfo.submitSubitemDatas[i].details[x].problemReason==null){
                                this.$Message.error({duration: 5,content:this.editUserInfo.submitSubitemDatas[i].title + '工序的第' +  (x+1) + '行 问题原因未填报'});
                                return;
                            }
                            if(this.editUserInfo.submitSubitemDatas[i].details[x].involveManagementElements=="1" && this.editUserInfo.submitSubitemDatas[i].details[x].involvePollutionFactor== "1" &&this.editUserInfo.submitSubitemDatas[i].details[x].isExistingProblem=="1" && this.editUserInfo.submitSubitemDatas[i].details[x].isAdministrativePunishment==null){
                                this.$Message.error({duration: 5,content:this.editUserInfo.submitSubitemDatas[i].title + '工序的第' +  (x+1) + '行 是否存在行政处罚未填报'});
                                return;
                            }
                            if(this.editUserInfo.submitSubitemDatas[i].details[x].involveManagementElements=="1" && this.editUserInfo.submitSubitemDatas[i].details[x].involvePollutionFactor== "1" &&this.editUserInfo.submitSubitemDatas[i].details[x].isExistingProblem=="1"&&this.editUserInfo.submitSubitemDatas[i].details[x].isAdministrativePunishment=="1" && this.editUserInfo.submitSubitemDatas[i].details[x].administrativePunishmentRecord==null){
                                this.$Message.error({duration: 5,content:this.editUserInfo.submitSubitemDatas[i].title + '工序的第' +  (x+1) + '行 行政处罚记录（时间、下达处罚政府部门、金额）未填报'});
                                return;
                            }
                        }
                    }
                }
                var index = 0;
                var pass = true;
                /* this.editUserInfo.submitSubitemDatas.forEach( async item=>{
                    if(item.isinvovle == "1") {
                        await this.$refs.plxTable[index].fullValidate().then(async data => {
                            // data就是当前检验不通过的
                            if (data) {
                                console.log(data)
                                let masStr = ''
                                Object.values(data).forEach(errList => {
                                    errList.forEach(params => {
                                        let {rowIndex, column, rules} = params
                                        rules.forEach(rule => {
                                            masStr += `第 ${rowIndex} 行 ${column.title} 校验错误：${rule.message}; ; ;`
                                        })
                                    })
                                })
                                this.$Message.error({content: 'masStr', duration: 4});
                                pass = false;
                            }
                        })
                    }
                })*/
                if(pass){
                    if(this.editUserInfo.twoLevelOrgLeader == null ||
                        this.editUserInfo.twoLevelOrgLeader == undefined ||
                        this.editUserInfo.twoLevelOrgLeader == "" ){
                      this.$Message.error({duration: 5,content:"请在角色分配功能“二级集团环保负责人（企业画像）”角色中分配人员设置审批人"});
                    }else {
                      this.editUserInfo.remark = "";
                      this.saveModelVisible = true;
                    }
                }
            },
            toUpdateSubmit(){
                this.editUserInfo.principal = this.userInfo.userName;
                this.editUserInfo.companyId = this.companyId;
                this.editUserInfo.phone = this.userInfo.mobileNumber;
                this.buttonLoading = true;
                this.editUserInfo.updateTime = this.formatDate(new Date(),"yyyy-MM-dd hh:mm:ss");
                this.$http.put(Api.updateEcoPortraitStandardSubmit, this.editUserInfo).then(function(response){
                    this.buttonLoading = false;
                    this.queryLastSubmitByCompanyId(this.companyId);
                    this.$Message.success({content:'保存成功',duration: 4});
                }).catch( e => {
                    this.$Message.error('保存失败');
                });
            },
            saveSubmit(){
                this.editUserInfo.updateTime = this.formatDate(new Date(),"yyyy-MM-dd hh:mm:ss");
                this.editUserInfo.createUserId = this.userInfo.userId;
                this.editUserInfo.principal = this.userInfo.userName;
                this.editUserInfo.companyId = this.companyId;
                this.editUserInfo.phone = this.userInfo.mobileNumber;
                this.saveModelVisible = false;
                this.$http.post(Api.saveEcoPortraitStandardSubmit, this.editUserInfo).then(function(response){
                    this.$Message.success({content:'更新成功，等待上级审核',duration: 4});
//                    this.queryLastSubmitByCompanyId();
                }).catch( e => {
                    this.$Message.error('更新失败');
                });
            },
            approvalSubmit(){
                this.buttonLoading = true;
                let data = {
                    createUserId : this.userInfo.userId,
                    userName : this.userInfo.userName,
                    opinion : this.showdata.opinion,
                    taskId : this.taskInfo.taskId,
                    procinstId :this.taskInfo.procinstId,
                    route : this.showdata.route,
                    workId: this.taskInfo.workId,
                    formKey : 'ecoPortraitSubmitForApproval'
                };
                this.buttonLoading = true;
                this.$http.get(Api.taskComplete, {params: data}).then((res) => {
                    if (res.data.status == '200') {
                        this.buttonLoading = false;
                        this.$Message.success("审批成功");
                        this.returnTo();
                    } else {
                        this.buttonLoading = false;
                        this.$Message.success("审批失败")
                    }
                }).catch(e => {
                    this.buttonLoading = false;
                    this.$Message.error("数据获取失败")
                })
            },
            changeResult(result){
                if(result == '1'){
                    this.showdata.opinion = "同意";
                }
                else{
                    this.showdata.opinion = "";
                }
            },
            returnTo(){
                if(this.$route.query.close == true)
                    window.close();
                else
                    this.$router.go(-1);
            },
            formatData(data) {
                let names = [];
                //筛选出不重复的 name值,将其放到 names数组中
                data.forEach((e) => {
                    if (!names.includes(e.managementElements)) {
                        names.push(e.managementElements);
                    }
                });
                let nameNums = [];
                //将names数组中的 name值设置默认合并0个单元格,放到 nameNums中
                names.forEach((e) => {
                    nameNums.push({ managementElements: e, num: 0 });
                });
                //计算每种 name值所在行需要合并的单元格数
                data.forEach((e) => {
                    nameNums.forEach((n) => {
                        if (e.managementElements === n.managementElements) {
                            n.num++;
                        }
                    });
                });
                //将计算后的合并单元格数整合到 data中
                data.forEach((e) => {
                    nameNums.forEach((n) => {
                        if (e.managementElements === n.managementElements) {
                            if (names.includes(e.managementElements)) {
                                e.mergeCol = n.num;
                                //删除已经设置过的值(防止被合并的单元格进到这个 if 语句中)
                                names.splice(names.indexOf(n.managementElements), 1);
                            } else {
                                //被合并的单元格设置为 0
                                e.mergeCol = 0;
                            }
                        }
                    });
                });
                //将整理后的数据交给表格渲染
                return data;
            },
            formatDate(date, fmt) {
                if (typeof date == 'string') {
                    return date;
                }
                if (!fmt) fmt = "yyyy-MM-dd hh:mm:ss";
                if (!date || date == null) return null;
                let o = {
                    'M+': date.getMonth() + 1, // 月份
                    'd+': date.getDate(), // 日
                    'h+': date.getHours(), // 小时
                    'm+': date.getMinutes(), // 分
                    's+': date.getSeconds(), // 秒
                    'q+': Math.floor((date.getMonth() + 3) / 3), // 季度
                    'S': date.getMilliseconds() // 毫秒
                }
                if (/(y+)/.test(fmt)) fmt = fmt.replace(RegExp.$1, (date.getFullYear() + '').substr(4 - RegExp.$1.length))
                for (let k in o) {
                    if (new RegExp('(' + k + ')').test(fmt)) fmt = fmt.replace(RegExp.$1, (RegExp.$1.length === 1) ? (o[k]) : (('00' + o[k]).substr(('' + o[k]).length)))
                }
                return fmt
            },
        }
    }

</script>

<style lang='css' scoped>
    @import '../../../index.css';

    .ivu-card-bordered{
        border:none;
    }

    .headTitle{
        width:100%;
        display:flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }

    .headTitleLeft{
        align-items: center;
        flex-direction: row;
        justify-content: space-around;
    }

    .headTitleItem{
        display:flex;
        flex-direction:column;
        align-items: flex-start;
        justify-content: center;
        margin-left:20px;
    }

    .standardDiv{
        display:flex;
        flex-direction: column;
        width:100%;
    }

    .standardTitle{
        display:flex;
        flex-direction: row;
        width:100%;
        align-items: center;
    }

    .standardTitleItem{
        display:flex;
        flex-direction: row;
        justify-content: left;
        margin-right:20px;
    }

    .tableClass >>> .ivu-table-cell{
        padding-left: 0px;
        padding-right: 0px;
        overflow: hidden;
        overflow-x: hidden;
        overflow-y: hidden;
        text-overflow: ellipsis;
        white-space: normal;
        word-break: break-all;
        box-sizing: border-box;
    }

</style>